<template>
  <div>{{ msg }}</div>
</template>

<script>
export default {
  data() {
    return {
      msg: "这是一个头部组件",
    };
  },

  components: {},

  methods: {},
};
</script>

<style scoped>
/* scoped 指的是,写的样式只在当前组件起作用;局部样式 */
div {
  border: 1px solid pink;
}
</style>
